<template>
<div id="write">
    <h1 id='标题1'>标题1</h1>
    <h2 id='标题2'>标题2</h2>
    <h3 id='标题3'>标题3</h3>
    <h4 id='标题4'>标题4</h4>
    <h5 id='标题5'>标题5</h5>
    <h6 id='标题6'>标题6</h6>
    <p>我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落我是普通文本，这是一个段落
    换行了呀换行了呀换行了呀换行了呀换行了呀换行了呀换行了呀
    换行了呀换行了呀换行了呀换行了呀换行了呀换行了呀换行了呀
    换行了呀换行了呀换行了呀换行了呀换行了呀换行了呀换行了呀</p>
    <p>换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落换了个段落</p>
    <pre><code class='language-javascript' lang='javascript'>我是代码块里头的内容
    </code></pre>
    <ul>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>

    </ul>
    <ol>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>

    </ol>

    <p><img src="./assets/image-20230629171741700.png" referrerpolicy="no-referrer" alt="image-20230629171741700"></p>

    <p><code>我是ctrl+shift+\</code> `，然后<u>我是下划线</u>，然后我是<strong>加粗</strong>，然后我<mark>双等于</mark>，我是<em>斜体</em>。我是<a href='www.baidu.com'>超链接</a></p>
    <blockquote><p>接着我是引用块</p>
    </blockquote>
    <figure><table>
    <thead>
    <tr><th>表格th</th><th>表格th</th><th>表格th</th></tr></thead>
    <tbody><tr><td>表格td</td><td>表格td</td><td>表格td</td></tr><tr><td>表格td</td><td>表格td</td><td>表格td</td></tr><tr><td>表格td</td><td>表格td</td><td>表格td</td></tr></tbody>
    </table></figure>
    <p>差不多样式结束了</p>
</div>
</template>

<script>

export default {
  name: 'App',
  components: {
  }
}
</script>

<style lang="scss">
@import './style/index.scss';
</style>
